import React, { Component } from 'react'
import Alert from '@material-ui/lab/Alert';
import "./YTKAlert.less"
import { connect } from 'react-redux';

/*
error  红色
warning 橙色
info   蓝色
seccess  绿色
*/

class YTKAlert extends Component {
    // YTKAlert 这个组件   将来会在任意组件随时可能调用,提示内容和类型,都随时可能改变,所以把他们放在redux中进行管理
    render() {
        return (
            <div>
                <Alert style={{ display: this.props.showAlert ? 'flex' : 'none' }} variant="filled" severity={this.props.alertType}>
                    {this.props.alertContent}
                </Alert>
            </div>
        )
    }
}

// 获取Redux中的数据
const mapStateToProps = state => {
    return {
        showAlert: state.showAlert,
        alertType: state.alertType,
        alertContent: state.alertContent
    }
}

export default connect(mapStateToProps)(YTKAlert)
